.container {
	background: #4787f0;
	color: #fff;
	width: 100%;
	height: 100vh;

	.image {
		padding-top: 354rpx;
		display: flex;
		justify-content: center;

		image {
			width: 320rpx;
			height: 320rpx;
		}
	}

	.title {
		height: 64rpx;
		font-size: 56rpx;
		font-family: BDZYJT--GB1-0, BDZYJT--GB1;
		font-weight: normal;
		color: #ffffff;
		line-height: 64rpx;
		letter-spacing: 3px;
		text-shadow: 0px 4px 8px rgba(0, 24, 78, 0.1);
		padding-top: 34rpx;
		text-align: center;
	}

	.bottom-button {
		width: 100%;
		margin: 250rpx auto;

		.type-box {
			width: 100%;
			display: flex;
			justify-content: center;

			.box {
				display: flex;
				justify-content: center;
				width: 200rpx;
				border: 2rpx solid #fff;

				.item {
					align-items: center;
					width: 50%;
					height: 50rpx;
					line-height: 40rpx;
					text-align: center;
				}

				.active {
					background: #ffffff;
					color: #4787f0;
				}
			}
		}

		.u-button {
			height: 76rpx;
			background: #4787f0;
			border-radius: 8rpx;
			margin-bottom: 58rpx;
		}
	}
}
.register {
	color: #fff;
	margin-top: 40rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28rpx;
}
